$margin-right: 1rem;

.club,
.clubAthlete,
.athlete {
    .tableTitle {
        @extend .wrap;
        height: 28px;
        color: $subtext;
        font-size: $textNormal;
        line-height: 28px;
        border-bottom: 1px solid rgba(255, 255,255, .08);
        span {
            display: block;
        }

        span:first-child {
            display: inline-block;
            margin-right: $margin-right;
        }

        &>span:last-child {
            text-align: right;
        }

    }


    &>ul {
        font-size: $scoreSmall;

        li {
            height: 1.18rem;
            line-height: 1.18rem;


            &>a {
                // display: block;
                @extend .wrap;

                &>span {
                    display: inline-block;
                    margin-right: $margin-right/2;
                    color: $subtext;
                    text-align: center;
                }
            }
        }
    }

    .athDetail {
        // @extend .clearfix;
        @extend .wrap-item;

        height: 1.18rem;
        font-size: $titleSmall;
        border-bottom: 1px solid rgba(255, 255,255, .08);

        img {
            width: 40px;
            height: 40px;
            margin-right: .14rem;
            background: #fff;
            vertical-align: middle;
        }

        &>span {
            // float: right;
            letter-spacing: 2px;
            font-size: $textNormal;

            em {
                font-style: normal;
                font-size: $scoreSmall;
            }
        }
    }
}

.clubAthlete .athDetail img,
.athlete .athDetail img {
    border-radius: 50%;
}
.club .athDetail img {
    border-radius: 0;
}
// .athlete .athDetail {
 .athDetail {
    @extend .wrap;

    &>span {
        float: none;
        display: block;
        @extend .wrap-item;

        &:last-child {
            text-align: right;
        }
    }
}


